``` from flask import Flask, render_template app = Flask(__name__) @app.route("/") @app.route("/home") def home(): return render_template('home.html', heading = 'My personal home page') @app.route("/about") def about(): first_name = 'Henry' second_name = 'Baker' previous_identity = 'historian' previous_city = 'Tokyo' previous_industry_1 = 'International Development' previous_industry_2 = 'Product Manager' social_media_name = 'Boring LinkedIn' social_media_url = "https://www.linkedin.com/in/henrycgbaker/" image_url = '/static/Henry_final.jpg' return render_template('about.html', first_name=first_name, second_name=second_name, previous_identity=previous_identity, previous_city=previous_city, previous_industry_1=previous_industry_1, previous_industry_2=previous_industry_2, social_media_name=social_media_name, social_media_url=social_media_url, image_url=image_url) if __name__ == '__main__': app.run(debug=True) ```
``` <html> <head> <title>Me, Myself & I</title> <meta name="description" content="My about page, on which I showcase my deficient personality!"> <meta name="keywords" content="crazy sexy cool"> <style> body { font-family: 'Comic Sans MS', 'Chalkboard', 'Helvetica', 'Arial', sans-serif; margin: 20px; background-color: #f9f9f9; color: #333; line-height: 1.6; background-image: linear-gradient(to right, #ff0099, #493240, #f6d743, #72b4e1, #b2f7ef); } .container { max-width: 800px; margin: auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border: 2px solid #ff00ff; } img { width: 250px; height: 250px; border-radius: 50%; object-fit: cover; display: block; margin: 20px auto; border: 4px dashed #00ff00; } h1 { text-align: center; color: #006400; } h2 { text-align: center; color: #ff4500; font-family: 'Papyrus', 'Comic Sans MS', sans-serif; } p { margin: 15px 0 25px; text-align: justify; color: #0000ff; } a { color: #006400; text-decoration: none; border: 1px solid #006400; padding: 8px 15px; border-radius: 5px; display: inline-block; transition: all 0.3s ease; background-color: #ffff00; color: #ff00ff; } a :hover { background-color: #006400; color: white; } </style> </head> <body>
<h1>Get to Know {{ first_name }} {{ second_name }}</h1> <h2>Ex-{{ previous_identity }}, aspiring graphic designer, comic sans fan.</h2> <img src="{{ image_url }}" alt="C'est Moi"> <h3> Personal Info:</h3> <p>Aloha - {{ first_name }} here, ready to show my UI/UX friends how it's done with my web design know how! <br> I've lived and worked in various spots across the world, in Uganda, Japan, the UK - and somehow Poland on two separate occasions, despite not being Polish. <br> I'm a terrible cook, bad at sports, and had to stop playing jazz flute after Ron Burgundy. Honestly I have few hobbies beyond being in the Hertie library at this point in my life.</p> <h3> A Bit of Background:</h3> <p> Before moving to Berlin, I spent 6 years in {{ previous_city }}. <br> My professional background is in {{ previous_industry_1 }}, followed by a stint as a {{ previous_industry_2 }}, the latter of which I found to be deeply uninspiring and pushed me towards a lifetime of policy :( </p> <h3> Social Media:</h3> <p> As a reddit lurker, I have avoided other social media platforms, except the inevitable{{ social_media_name }}.</p> My (not so) Social Media Account: LinkedIn
</body> </html> ```